<meta charset="utf-8">
<!-- <script src="main.js"></script> -->
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<style>
  


</style>
<body>
    

    <div id="app">
      <p v-for="item in list">{{item}}</p>
      <p v-for="(item,i) in list2">{{item.name}}---{{item.gender}}---{{i}}</p>
      <p v-for="(item,i) in list2">{{item}}---{{i}}</p>
      <p v-for="count in 10">{{count}}</p>

     
    </div>
    </body>


    <script>
        var vm = new Vue({
          el: '#app',
          data: {
            list: [3,1,2,4,5],
            list2: [
              {name:'wubuze', gender:'男'},
              {name:'lili', gender:'nv'},
            ],
            list3: {name:'wubuze', gender:'男'},
          
            
          },
        


        });
    </script>